<template>
	<view class="result-container">
		<navBar title="计算结果" />
		<view class="content">
			<view class="result-wrapper" v-for="(item,index) in resultList" :key="index">
				<view >
					<view class="title" v-if="false">{{item.title}}</view>
					<view class="result-box">
						<view class="result-item">
							<view class="title">年矿石产量：</view>
							<view class="value">{{item.oreProduction}}万吨</view>
						</view>
						<view class="result-item">
							<view class="title">基建期：</view>
							<view class="value">{{item.capitalConstructionPeriod}}a</view>
						</view>
					</view>
					<view class="result-box">
						<view class="result-item">
							<view class="title">投资估算：</view>
							<view class="value">{{item.investmentEstimation}}万元</view>
						</view>
						<view class="result-item">
							<view class="title">年生产成本：</view>
							<view class="value">{{item.productionCosts}}万元</view>
						</view>
					</view>

					<view class="result-box">

						<view class="result-item">
							<view class="title">年销售收入：</view>
							<view class="value">{{item.salesRevenue}}万元</view>
						</view>
						<view class="result-item">
							<view class="title">年利润：</view>
							<view class="value">{{item.annualProfit}}万元</view>
						</view>
					</view>
				
					<view class="result-box">

						<view class="result-item">
							<view class="title">净利润：</view>
							<view class="value">{{item.netProfit}}万元</view>
						</view>
						<view class="result-item">
							<view class="title">投资回收期：</view>
							<view class="value">{{item.investmentPaybackPeriod}}a</view>
						</view>
					</view>

					<view class="result-box">

						<view class="result-item">
							<view class="title">全周期收益：</view>
							<view class="value">{{item.fullCycleReturns}}万元</view>
						</view>
						<view class="result-item">
							<view class="title">100%矿权转让费：</view>
							<view class="value">{{item.transferFee}}万元</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/nav-bar'
	export default {
		components: {
			NavBar
		},
		data() {
			return {
				/**{
					title: '矿种（铁）',
					//出矿品味
					taste: 12,
					//年矿石产量
					oreProduction: 12,
					//精矿产量
					concentrateProduction: 12,
					//精矿品位
					concentrateGrade: 12,
					//选矿回收率
					beneficiationRecovery: 12,
					//基建工程量
					projectMeasure: 12,
					//基建期
					capitalConstructionPeriod: 12,
					//投资估算
					investmentEstimation: 12,
					//生产成本
					productionCosts: 12,
					//采矿
					mining: 12,
					//选矿
					mineralProcessing: 12,
					//销售收入
					salesRevenue: 12,
					//精粉单价
					refinedPowderunitPrice: 12,
					//年利润
					annualProfit: 12,
					//上交增值税
					valueAddedTax: 12,
					//城建税
					urbanConstructionTax: 12,
					//教育费附加
					educationSurcharges: 12,
					//资源税
					resourceTax: 12,
					//缴纳所得税
					payIncomeTax: 12,
					//净利润
					netProfit: 12,
					//投资回收期
					investmentPaybackPeriod: 12,
					//全周期收益
					fullCycleReturns: 12,
					//100%矿权转让费
					transferFee: 12,
				}**/
				resultList: []
			}
		},
		onLoad() {
			this.resultList = this.$store.state.resultList;
		}
	}
</script>

<style lang="scss">
	.result-container {
		padding-bottom: 10rpx;

		.content {
			padding-left: 30rpx;
			padding-right: 30rpx;

			.title {
				font-size: 26rpx;
				color: #666666;
				font-weight: bold;
				margin-top: 16rpx;
				margin-bottom: 16rpx;
				text-align: center;
			}


		}

		.result-wrapper {
			margin-bottom: 30rpx;
		}

		.result-box {
			


			.result-item {
				width: 100%;
				display: flex;
				align-items: center;
				height: 40rpx;
				margin-top: 20rpx;

				.title {
					width: 235rpx;
					margin-left: 20%;
					text-align: right;
					font-size: 26rpx;
					color: #508bfd;
					font-weight: bold;
				}

				.value {
					font-size: 26rpx;
					margin-left: 10rpx;
					color: #333333;
				}
			}



		}
	}
</style>
